@charset 'utf-8';

body, section, div, nav, aside, p, a, ul, li {
    margin: 0;
    padding: 0;
}

/* svg */
.logo {
    width: 160px;
    margin: 0 0 40px;
}
.logo path {
    opacity: 1;
    fill: #c00;
    -webkit-animation: fillPath .6s ease;
    animation: fillPath .6s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes fillPath {
    from {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes fillPath {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* welcome */
#welcome {
    width: 270px;
    height: auto;
    text-align: center;
    position: absolute;
    top: 46%;
    left: 50%;
    margin: -120px -135px;
    z-index: 2;
}

nav {
    font-size: 0;
    padding: 8px;
}
nav a {
    display: inline-block;
    width: 33%;
    text-decoration: none;
    color: #EC6868;
    font-size: 14px;
    -webkit-animation: fillPath .6s .3s ease;
    animation: fillPath .6s .3s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: center;
    transform-origin: center;
}
nav a:hover {
    color: #c00
}

























